<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui='http://java.sun.com/jsf/facelets">
        <head><link rel="stylesheet" type="text/css" href="styles/screen.css"/></head>
        <body>
        <ui:composition template="template.xhtml">
            <ui:define name="register">
<h:div id="main">
					<h:h2>Registrieren</h:h2>
					<h:p>Bitte f&uuml;llen Sie das untenstehende Formular aus!</h:p>
				
					<h:form action="#" method="post" id="sendeRegistrierung">
					<h:h3>Pers&ouml;nliche Daten</h:h3>

					<h:div class="formblock">
					<h:fieldset>
						<h:div>
				                        <h:label class="Float" for="firstname">Vorname</h:label>
	                			        <h:input type="text" id="firstname" name="firstname" />
						</h:div>
						<h:div>
							<h:label class="Float" for="lastname">Nachname</h:label>
							<h:input type="text" id="lastname" name="lastname" />
						</h:div>
						<h:div>
							<h:label class="Float" for="dateofbirth">Geburtsdatum</h:label>
							<h:input type="text" id="dateofbirth" name="dateofbirth" />
						</h:div>
						<h:div>
					                <h:label class="Float" for="sex">Geschlecht</h:label>
					                <h:select id="sex" name="sex">
					                    <h:option value="w">weiblich</h:option>
					                    <h:option value="m">m&auml;nnlich</h:option>
					                </h:select>
						</h:div>
					</h:fieldset>
					</h:div>

					<h:h3><h:span xml:lang="en">Login</h:span> Daten und Gr&ouml;&szlig;e des <h:span xml:lang="en">Stack</h:span></h:h3>
					<h:div class="formblock">
						<h:fieldset>
							<h:div>
								<h:label class="Float" for="username">Username</h:label>
								<h:input type="text" id="username" name="username" />
							</h:div>

							<h:div>
								<h:label class="Float" for="password">Passwort</h:label>
								<h:input type="password" id="password" name="password" />
							</h:div>

							<h:div>
								<h:label class="Float" for="stack">Gr&ouml;&szlig;e des <h:span xml:lang="en">Stack</h:span></h:label>
								<h:input type="text" id="stack" name="stack" />
							</h:div>
						</h:fieldset>
					</h:div>
					<h:div id="buttons">
						<h:input type="submit" value="Registrieren" accesskey="r" />
					</h:div>
					</h:form>



				</h:div>
				
				</ui:define>
        </ui:composition>
        
        </body>
</html>